require('../css/index.css');


// 首页
document.ready(function () {
    // 进入首页 调用生成页脚footer
    console.log(utils);
    utils.createFooter('index');


    // 顶部轮播图
    let mySwiper = new Swiper('.swiper-container', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
    })
    // console.log(Swiper);




    // 今日打卡
    let newClock = document.querySelector('.newClock');
    // 累计打卡天数
    let leiji = document.querySelector('.clock span');
    // 今日排名数字
    let num = document.querySelector('.num');
    // 运动徽章数字
    let num2 = document.querySelector('.num2');


    // 获取首页数据  get 后端接口
    let user = JSON.parse(localStorage.getItem('user'))
    // console.log(user);
    // 进入页面
    function Data() {
        http.get('/headPageInfo?userId=' + user.userId, function (res) {

            if (res.status === 0) {
                // 今日排名,累计打卡，徽章的数字 等于后端返回的数据(rank)
                num.innerText = res.data.rank;
                leiji.innerText = res.data.punchIn;
                num2.innerText = res.data.insigniaNum;
                // 判断今日是否打卡| 已经打卡就改变'已打卡'
                if (res.data.isPunch == 'true') {
                    newClock.innerText = '已打卡';
                }
            }
        })
    }
    Data();


    // 打卡按钮  点击打卡后变 '已打卡'
    newClock.addEventListener('click', function () {
        // 点击后调用后端打卡接口
        http.get('/clockIn?userId=' + user.userId, function (res) {
            console.log(res);
            // 后端接口0(表示成功)
            if (res.status === 0) {
                // 当天首次打卡之后，文字变为已打卡\并且提示打卡成功
                newClock.innerText = '已打卡';
                utils.createToast(1, '打卡成功！')
            }
            // 打过卡之后 再点击打卡按钮会提示后端返回的值(今天打过卡)
            else {
                utils.createToast(0, res.msg)
            }
        })
    })



    // 首页点击课程训练 跳转
    let main3 = document.querySelector('.main3');
    main3.addEventListener('click', function () {
        location.href='./practice.html';
    })
    // 首页点击户外跑步 跳转
    let main4 = document.querySelector('.main4');
    main4.addEventListener('click', function () {
        location.href='./sport.html';
    })







})

